<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>办证提示</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/vue.min.js"></script>
    <script src="/js/common.js"></script>

    <style>
        .tips_container{
            margin-top:6px ;
        }
        .tips_border{
            border: 2px solid cornflowerblue;
            border-radius: 4px;
            margin: 0px 16px;
            padding: 5px 4px;
        }
        .tips_container_normal{
            border-radius: 4px;
        }
        .tips_container_normal .tips_title{
            color: cornflowerblue;
        }
        .tips_container_normal .tips_border{
            border: 2px solid cornflowerblue;
        }

        .tips_container_blink{
            border-radius: 4px;
        }
        .tips_container_blink .tips_title{
            color: #1876ce;
        }
        .tips_container_normal .tips_border{
            border: 2px solid #1876ce;
        }

        .tips_title{
            font-size: 20px;
            font-size: 20 px;
            padding: 5px 10px 10px;
            line-height: 1.3;
            text-align: center;
        }
        .tips_item_title{
            color: cornflowerblue;
            font-size: 14px;
            font-size: 14 px;
        }
        .tips_item_content{
            font-size: 14px;
            font-size: 14 px;
        }
        .tips_item{
            margin-bottom: 8px;
        }




    </style>
    <script th:utext="${applyJson}">

    </script>

</head>
<body>
    <div id="app">
        <div id="tips_container" class="tips_container_normal tips_container" >
            <div class="tips_title">特 别 提 示:</div>
            <div class="tips_border">
                <div class="tips_item" style="text-align: left;color: #666666;margin: 5px 8px;" v-for="tips in apply.remindList" >
                    <div class="tips_item_title" >{{tips.title}}</div>
                    <div class="tips_item_content" >{{tips.content}}</div>
                </div>
            </div>
        </div>
        <div class="weui-msg__opr-area" style="position: fixed;width:100%;bottom: 0;">
            <p class="weui-btn-area">
                <a href="javascript:history.go(-1);" class="weui-btn weui-btn_default">返回</a>
            </p>
        </div>

    </div>

    <script>
        var app=new Vue({
            el:"#app",
            data:{
                apply:apply
            }
        });

    </script>
</body>
</html>